@import '../../../asset/scss/mixin/export.scss';

.page-content{
    padding: $pt20 $pt20 0;
}
//个人信息一览
.person_info{
    position: relative;
    margin-bottom: $pt20;
    .bg{
        width: 100%;
    }
    .level{
        position: absolute;
        right: $pt20;
        top: $pt25;
        height: 20px;
        width: 115px;
        li{
            float: left;
            margin-left: 3px;
            width: 20px;
            height: 20px;
            background: url('/static/img/bulb@3x.png') no-repeat;
            background-size: 100%;
            &.active{
                background-image: url('/static/img/bulb_highlight@3x.png');
            }
        }
    }
    .main{
        position: absolute;
        top: $pt13;
        .title{
            @include font_ns_gn;
            p{
                margin-bottom: $pt18;
            }
        }
        .credit{
            @include font_bb_gn;
        }
        left: $pt25;
    }
    .aside{
        width: 100%;
        padding: 0 $pt25;
        position: absolute;
        @include font_sn_gn;
        top:3.25rem;
        span:last-child{
            float: right;
        }
    }
}

//选择金额和期限
.action_loan{
    .money_line{
        margin-bottom: $pt38;
    }
    .day_line{
        margin-bottom: $pt28;
    }
    
}

//费用信息
.loan_info{
    background: $white;
    border-radius: 8px;
    li{
        padding: 0 $pt10;
        line-height:$pt32;
        @include font_ss_gn;
    }
    .loan{
        span:first-child{
            margin-right: $pt60;
        }
    }
    .choose{
        line-height: $pt40;
        height: $pt40;
        @include font_sn_gn;
        a{
            color: $energized;
            position: relative;
            &:after{
                @include click_helper;
            }
        }
        span{
            color: $energized;
        }
    }
    .expense{
        @include flex;
        @include justify(space-between,justify);
    }
    .repayment{
        font-size: $fontNb;
        line-height: $pt46;
        color: $energized;
        span{
            @include font_sss_gll;
        }
    }
}

//弹出优惠信息
.popup_privilege{
    width: $pt300;
    position:relative;
    background: $positiveD;
    border-radius: 4px;
    padding: $pt15 $pt18;
    .close{
        @include popup_close;
    }
    .title{
        color: $whiteD;
        font-size: $fontNn;
        margin:0;
        margin-bottom: $pt15;
    }
    .slogan{
        color: $whiteD;
        font-size: $fontBbb;
        margin:0;
        padding-bottom: $pt15;
        span:last-child{
            float:right;
        }
    }
    .main{
        padding: $pt10 $pt18 $pt15;
        background: $energizedL;
        .tab{
            text-align:center;
            margin-bottom: $pt10;
            span{
                @include font_nn_gl;
                display: inline-block;
                width: $pt70;
                padding:$pt6 0 $pt5;
                background: $white;
                text-align: center;
                &:first-child{
                    margin-right:-2px;
                    border-top-left-radius: $pt12;
                    border-bottom-left-radius: $pt12;
                }
                &:last-child{
                    margin-left:-2px;
                    border-top-right-radius: $pt12;
                    border-bottom-right-radius: $pt12;
                }
                &.active{
                    background:$positive;
                    color:$white;
                }
            }
        }
        .no_privilege{
            text-align: center;
            margin: 0 auto;
            height: $pt160;
            img{
                position: relative;
                top: 50%;
                margin-top: -$pt50;
                height: $pt100;
            }
        }
        .plist{
            width: $pt228;
            height: $pt160;
            overflow: auto;
            li{
                position: relative;
                img{
                    width:100%;
                }
                color: $positive;
                .limit{
                    position: absolute;
                    top: $pt25;
                    left: $pt20;
                    font-size: $fontNn;
                    span{
                        font-size: $fontBbb;
                    }
                    p{
                        font-size: $fontNn;
                        margin: 0;
                    }
                    &.limit_free{
                        top: $pt12;
                        span{
                            font-size: $fontBb;
                        }
                    }
                }
                .desc{
                    position: absolute;
                    top: $pt20;
                    left: $pt100;
                    h3{
                        color: $positive;
                        font-size: $fontNb;
                        margin: 0;
                    }
                    p{
                        font-size: $fontSs;
                    }
                }
                .selctedIcon{
                    display: none;   
                }
            }
            li.selected{
                .selctedIcon{
                    display: block;
                    @include icon($pt20);
                    background-image: url('/static/img/selected@3x.png');
                    top:$pt16;
                    right:$pt16;
                    
                }
            }
        }
    }
}

.activity{
    .close{
        @include popup_close;
    }
    img{
        width: 8rem;
    }
}

.checking{
    .logo,.checking_audit{
        display: block;
        margin: 0 auto;
    }
    .logo{
        width: 3.2rem;
    }
    .checking_audit{
        margin-top: 3rem;
        margin-bottom: 2rem;
        width: 4rem;
        position: relative;
        .checking_audit_msg{
            position: absolute;
            width: 100%;
            color: $white;
            text-align: center;
            font-size: $fontBb;
            top: 2rem;
            margin-top: -10px;
            margin-bottom: 0;
        }
        .checking_audit_img{
            width: 100%;
        }
    }
}